<template>
	<view class="container">
		<view class="form-data">
			<c-header-content-msg></c-header-content-msg>
			<view class="textarea-box">
				<textarea v-model="value" :maxlength="maxLength" @input="inputVal" placeholder="请输入你的兴趣爱好"/>
				<view class="value-max">
					{{cursor}}/{{maxLength}}
				</view>
			</view>	
			<s-button width="80%" bold shape="circle" margin="120upx auto 0upx" :loading="true">提交</s-button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				value:'',
				cursor:0,
				maxLength:20
			}
		},
		methods: {
			inputVal(e){
				this.value = e.detail.value
				this.cursor = e.detail.cursor
			}
		}
	}
</script>

<style lang="scss" scoped>
@import "hobbyMe.scss";
</style>
